<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>工作台</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link rel="stylesheet" type="text/css" href="css/works.css"/>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
// 收缩，展开
$(document).ready(function() {
	$("#nav > dd > a.collapsed + ul").slideToggle("medium");
	$("#nav > dd > a").click(function() {
		$(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').slideToggle('medium');
	});
});
</script>
</head>

<body>
  <div class="toper">
      <div class="toperNav">  
      	  <h1><a href="" title="一家亲"><img src="images/works/works_logo.png" alt="" /></a></h1>      
      	  <div class="itemsShow">
          	  <a href="" class="current"><span>婴幼儿</span></a>
	      	  <a href=""><span>营养</span></a>
	      	  <a href=""><span>少男少女</span></a>
          </div>
          <div class="secMenu">
              <div class="secBorder">
                  欢迎 <b>Adminstrator</b> 进入工作台!  
	              <span>
	              	  <a href="">一家亲</a><em>|</em>
		              <a href="">个人设置</a><em>|</em>
		              <a href="">退出</a>
	              </span>
              </div>
          </div>
          <div class="funcArea">
              <a href="" title="隐藏" class="hide"><img src="images/works/up.png" alt="隐藏" /></a>
          </div>
          <div class="funcArea" style="display:none;">
              <a href="" title="展开" class="openup"><img src="images/works/down.png" alt="展开" /></a>
          </div>
      </div>
  </div>
  <div class="navTools" style="display:block;">
  	  <div class="layContent">
      	  <div class="layTab">
              <ul>
              	  <li>
                      <a class="current" href="">外部页面管理</a>
                  </li>
                  <li>
                      <a class="" href="">用户互动管理</a>
                  </li>
                  <li>
                      <a class="" href="">内部工作管理</a>
                  </li>
              </ul>
          </div>
	      <div class="layTool">
	      	  <div class="tools w145">
	              <b class="bb1"></b>
	              <b class="bb2"></b>
	              <span>
	              	<a href="">生成</a>
	                <a href="">编辑</a>
	                <a href="">审核</a>
	              </span>
	              <p>文章</p>
	          </div>
	          <div class="tools w100">
	              <b class="bb1"></b>
	              <b class="bb2"></b>
	              <span>
	                <a href="">编辑</a>
	              </span>
	              <p>橱窗</p>
	          </div>
	          <div class="tools w100">
	              <b class="bb1"></b>
	              <b class="bb2"></b>
	              <span>
	              	<a href="">生成</a>
	              </span>
	              <p>公告</p>
	          </div>
              <div class="tools w145">
	              <b class="bb1"></b>
	              <b class="bb2"></b>
	              <span>
	              	<a href="">针对</a>
	                <a href="">跟随</a>
	                <a href="">通用</a>
	              </span>
	              <p>标签</p>
	          </div>
              <div class="tools w145">
	              <b class="bb1"></b>
	              <b class="bb2"></b>
	              <span>
	              	<a href="">题目</a>
	                <a href="">试卷</a>
	                <a href="">测试</a>
	              </span>
	              <p>试卷设置</p>
	          </div>
	      </div>
      </div>
  </div>

  <div class="winBox clearfix">
      <div class="bigLeft">
          <div class="pageSearch clearfix">
		      <input type="search" id="select_page" class="inp01" name="select_page">
			  <input type="button" value="查询page" class="btn04" id="select_page_btn" name="select_page_btn">
	      </div>
	      <div class="leftWin">
	      	  <dl class="nav">
	              <dd>
	              	  <a class="collapsed heading">风景图片</a>
		              <ul class="navigation">
		                <li><a class="current" title="" href="#">风景图片01</a></li>
		                <li><em><img src="images/works/right.png" alt="" /></em><a title="" href="#">风景图片02</a></li>
		                <li><a title="" href="#">风景图片03</a></li>
		              </ul>
		          </dd>
	          </dl>
	          <dl class="nav">
	              <dd>
	              	  <a class="grey_collapsed grey_heading">风景图片</a>
		              <ul class="grey_navigation">
		                <li><a class="current" title="" href="#">风景图片01</a></li>
		                <li><a title="" href="#">风景图片02</a></li>
		                <li><a title="" href="#">风景图片03</a></li>
		              </ul>
		          </dd>
	          </dl>
	          <dl class="nav">
	              <dd>
	              	  <a class="collapsed heading">风景图片</a>
		              <ul class="navigation">
		                <li><a title="" href="#">风景图片01</a></li>
		                <li><a title="" href="#">风景图片02</a></li>
		                <li><a title="" href="#">风景图片03</a></li>
		              </ul>
		          </dd>
	          </dl>
	          <dl class="nav">
	              <dd>
	              	  <a class="collapsed heading">风景图片</a>
		              <ul class="navigation">
		                <li><a title="" href="#">风景图片01</a></li>
		                <li><a title="" href="#">风景图片02</a></li>
		                <li><a title="" href="#">风景图片03</a></li>
		              </ul>
		          </dd>
	          </dl>
	          <dl class="nav">
	              <dd>
	              	  <a class="collapsed heading">风景图片</a>
		              <ul class="navigation">
		                <li><a title="" href="#">风景图片01</a></li>
		                <li><a title="" href="#">风景图片02</a></li>
		                <li><a title="" href="#">风景图片03</a></li>
		              </ul>
		          </dd>
	          </dl>
	          <div class="createPage">
	          	  <p>创建PAGE</p>
	              <span><input type="text" class="inp01" /></span>
	              <span><input type="button" class="btn_page" value="创建PAGE" /></span>
	          </div>
	       </div>
      </div>
      <div class="middleWin">
      	  <img src="images/works/head.png" alt="" />
      </div>
      <div class="rightWin">
      	  <div class="editor01">
          	  <h3><span>当前正在编辑的页面<em><a href="">新增Page</a></em><em><a href="">删除Page</a></em></span></h3>
              <ul>
              	  <li class="clearfix">
                	  <label for="">名称：</label>
                      <input type="text" class="inp02" />
                  </li>
                  <li class="btn_add clearfix"><input type="button" value="修改Page名称" class="addPic" /><input type="button" value="发布Page" class="addPic" /><input type="button" value="预览" class="addPic" /></li>
              </ul>
          </div>
          <div class="editor02">
          	  <h3 class="top_line"><span>当前正在编辑的页面<em><a href="">新增图片</a></em><em><a href="">删除图片</a></em></span></h3>
              <ul>
              	  <li class="clearfix">
                	  <label for="">图片标题：</label>
                      <input type="text" class="inp02" />
                  </li>
                  <li class="btn_add clearfix"><input type="button" value="新增矩形" class="addPic" /></li>
              </ul>
          </div>
          <div class="editor03">
              <h3 class="top_line"><span>当前正在编辑的页面</span></h3>
          </div>
          <dl>
          	  <dd class="clearfix">
            	  <label for="">左上角_x：</label><input type="text" class="inp03" />
              	  <span class="rConner">
                  	  <label for="">右上角_x：</label><input type="text" class="inp03" />
                  </span>
              </dd>
              <dd class="clearfix">
            	  <label for="">左下角_x：</label><input type="text" class="inp03" />
                  <span class="rConner">
                  	  <label for="">右下角_x：</label><input type="text" class="inp03" />
                  </span>
              </dd>
              <dd class="clearfix">
                  <label for="">区域链接：</label>
                  <input type="text" class="inp02" />
              </dd>
              <dd class="clearfix">
                  <label for="">提示框内容：</label>
                  <textarea name="" cols="" rows=""></textarea>
              </dd>
              <dd class="btn_done clearfix">
              	  <input type="button" value="编辑完成，保存" class="donestyle" />
              </dd>
          </dl>
      </div>
  </div>
  <div class="footer m_15">家天下 @ 版权所有  2012-2020  闽 ICP89201010002</div>
</body>
</html>
